<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

     <p:commandButton value="Nuevo Producto" update=":panelContent">
            <f:setPropertyActionListener 
                target="#{navigationController.navigationContent}"
                value="./pages/maintenance/product_create.xhtml"/>
        </p:commandButton>
    
    <hr/>
    <h:form>
        <h1><h:outputText value="Lista de Productos"/></h1>
        <p:dataTable value="#{productController.listProducts}" var="item" emptyMessage="No existe">
            <p:column width="5">
            <p:menuButton styleClass="menubutton-for-table">  
                    <p:menuitem value="Editar" icon="ui-icon-pencil" update=":panelContent" >
                        <f:setPropertyActionListener
                            target="#{navigationController.navigationContent}"
                            value="./pages/maintenance/product_create.xhtml" />
                        <f:setPropertyActionListener
                            target="#{productController.product}"
                            value="#{item}"/>
                    </p:menuitem>
                    <p:menuitem value="Eliminar" icon="ui-icon-person"
                                update="@form" action="#{productController.deleteProduct(item)}">
                    </p:menuitem>
                </p:menuButton>
            </p:column>    
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Código"/>
                </f:facet>
                <h:outputText value="#{item.productId}"/>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Nombre"/>
                </f:facet>
                <h:outputText value="#{item.name}"/>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Stock Mínimo"/>
                </f:facet>
                <h:outputText value="#{item.minStock}"/>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Stock Máximo"/>
                </f:facet>
                <h:outputText value="#{item.maxStock}"/>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Tipo de unidad"/>
                </f:facet>
                <h:outputText value="#{item.unitTypeId.name}"/>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Categoría"/>
                </f:facet>
                <h:outputText value="#{item.categoryId.name}"/>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Marca"/>
                </f:facet>
                <h:outputText value="#{item.markId.name}"/>
            </p:column>
        </p:dataTable>
    </h:form>


</ui:composition>
